<template>
    <div>
        <FooterGuide>
            <TabItem path='/miste'>
                <div slot="tab-bar-active">
                  <img src="../../../assets/img/tabbar/home_active.svg" alt="">
                </div>
                <div slot="tar-bar">
                     <img src="../../../assets/img/tabbar/home.svg" alt="">
                   
                    <!-- <div class="icon-yemian-copy-copy-copy"></div> -->
                </div>
                <div slot="tar-bar-text">
                    首页
                </div>
            </TabItem>
            <TabItem path='/search'>
                <div slot="tab-bar-active">
                   <img src="../../../assets/img/tabbar/category_active.svg" alt="">
                </div>
                <div slot="tar-bar">
                    <img src="../../../assets/img/tabbar/category.svg" alt="">
                   
                    <!-- <div class="icon-yemian-copy-copy-copy"></div> -->
                </div>
                <div slot="tar-bar-text">
                    搜索
                </div>
            </TabItem>
            <TabItem path='/order'>
                <div slot="tab-bar-active">
                    <img src="../../../assets/img/tabbar/shopcart_active.svg" alt="">   
                </div>
                <div slot="tar-bar">
                   <img src="../../../assets/img/tabbar/shopcart.svg" alt="">
                </div>
                <div slot="tar-bar-text">
                    订单
                </div>
            </TabItem>
            <TabItem path='/profile'>
                <div slot="tab-bar-active">
                   <img src="../../../assets/img/tabbar/profile_active.svg" alt="">
                </div>
                <div slot="tar-bar">
                    <img src="../../../assets/img/tabbar/profile.svg" alt="">
                   
                    <!-- <div class="icon-yemian-copy-copy-copy"></div> -->
                </div>
                <div slot="tar-bar-text">
                    我的
                </div>
            </TabItem>
        </FooterGuide>
    </div>
</template>

<script>
import TabItem from '../../common/FooterGuide/TabItem'
import FooterGuide from '../../common/FooterGuide/FooterGuide'
export default {
    components:{
        FooterGuide,
        TabItem
    }
};
</script>

<style lang="less" scoped>
img{
    height: 24px;
    width: 24px;
}

</style>

